<!doctype html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>金融炼金术 个人中心 账户设置</title>
    <link href="global.css" rel="stylesheet" media="screen" />
    <link href="space.css" rel="stylesheet" media="screen" />
</head>
<body>
	<!-- 导航 start -->
	<div class="mod_navigation_1">
		<div class="wrap">
			<div class="logo">
				<div class="logo_img">
					<span class="hidden">金融炼金术</span>
				</div>
				<!-- 登陆前 start -->
				<div class="login" style="display:none;">				
					<a href="##" class="btn btn_red">立即登录</a>
					<div class="links">
						<p>没有账号？<a href="##" class="link">立即注册</a></p>
					</div>					
				</div>
				<!-- 登录后 end -->
				<div class="login login_success">
					<!-- 登陆后 start -->
					<a href="##" class="photo"><img src="image/img-4.png"></a>
					<div class="user_info">
						<p class="user_name"><a href="##" class="name">小米，</a><a href="##" class="link">退出</a><a href="##" class="ico ico_dollar"></a></p>
						<p class="user_date">12-10 周三 10:18 <span>交易中</span></p>
					</div>
					<!-- 登录后 end -->
				</div>
			</div>
			<div class="mod_1">
				<div class="total_text">
					<span class="ico ico_dollar"></span><span class="text_1">1.5亿</span><span class="text_2">资金冶炼中</span><a href="##" class="btn btn_yellow">立即开户</a>
				</div>
				<div class="state">
					<div class="chart">
						<img src="image/chart.png">
					</div>
					<ul>
						<li><a href="##" class="title"><span class="label">金</span><span class="news_title textoverflow">金融</span><span class="news_data"><i>28%</i>/日</span></a><a href="##" class="kudos"></a><span class="progress_out"><span class="progress_in" style="width:20%;"></span></span></li>
						<li><a href="##" class="title"><span class="label">木</span><span class="news_title textoverflow">上市公司并购定增上市公司并购定增</span><span class="news_data"><i>21%</i>/日</span></a><a href="##" class="kudos"></a><span class="progress_out"><span class="progress_in" style="width:50%;"></span></span></li>
						<li><a href="##" class="title"><span class="label">水</span><span class="news_title textoverflow">科学技术驱动</span><span class="news_data"><i>98%</i>/日</span></a><a href="##" class="kudos"></a><span class="progress_out"><span class="progress_in" style="width:70%;"></span></span></li>
						<li><a href="##" class="title"><span class="label">火</span><span class="news_title textoverflow">军工等政策驱动</span><span class="news_data"><i>128%</i>/日</span></a><a href="##" class="kudos"></a><span class="progress_out"><span class="progress_in" style="width:20%;"></span></span></li>
						<li><a href="##" class="title"><span class="label">风</span><span class="news_title textoverflow">科学技术驱动类</span><span class="news_data"><i>35%</i>/日</span></a><a href="##" class="kudos"></a><span class="progress_out"><span class="progress_in" style="width:30%;"></span></span></li>
					</ul>
				</div>
			</div>
			<div class="mod_2">
				<div class="total_text">
					<span class="ico ico_rank"></span><span class="text_1">899位</span><span class="text_2">炼金师扎堆休息侃大山</span>
				</div>
				<div class="state">
					<ul>
						<li><a href="##" class="title textoverflow">新浪财经资讯 12月15日消息 沪深消息</a><span class="text_time">10分钟前</span></li>
						<li><a href="##" class="title textoverflow">深成指开低后探底回升翻红消息文字文字文字</a><span class="text_time">10分钟前</span></li>
						<li><a href="##" class="title textoverflow">深成指开低后探底回升翻红消息文字文字文字</a><span class="text_time">1分钟前</span></li><li><a href="##" class="title textoverflow">深成指开低后探底回升翻红消息文字文字文字</a><span class="text_time">10分钟前</span></li><li><a href="##" class="title textoverflow">深成指开低后探底回升翻红消息文字文字文字</a><span class="text_time">10分钟前</span></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="mod_navigation_2">
		<div class="wrap">
			<ul class="nav">
				<li class="nav_item"><a href="##">首页</a></li>
				<li class="nav_item"><a href="##">主题排名</a></li>
				<li class="nav_item"><a href="##">社区</a></li>
				<li class="nav_item nav_item_selected"><a href="##">个人中心</a></li>
				<li class="nav_item"><a href="##"><span class="plus">+</span>新建主题</a></li>
			</ul>
			<div class="op_area">
				<a href="##" class="op_btn"><span class="ico ico_heart"></span>11</a>
				<a href="##" class="op_btn"><span class="ico ico_cart"></span>18</a>
			</div>
			<div class="btn_area">
				<a href="##" class="btn btn_gray">体验模拟交易</a>
				<a href="##" class="btn btn_gray">关联实盘账户</a>
			</div>
			
		</div>
	</div>
	<!-- 导航 end -->
    <!-- 内容 start -->
    <div class="main_content">
        <div class="wrap clear">
            <!-- 左边 start -->
            <div class="aside">
                <div class="mod_user">
                    <a href="##" class="photo"><img src="image/photo_default.png"></a>
                    <div class="user_info">
                        <p class="user_name"><a href="##" class="link link_edit">编辑</a><span href="##" class="name">小米</span></p>
                        <p class="user_status">炼金大师</p>
                    </div>
                    <div class="user_cert">
                        <label>认证：</label>
                        <ul>
                            <li class="item item_autonym item_selected">实名认证</li>
                            <li class="item item_phone">手机认证</li>
                            <li class="item item_card item_selected">行用卡认证</li>
                            <li class="item item_email">邮箱认证</li>
                        </ul>
                    </div>
                </div>
                <div class="mod_user_detail">
                    <ul>
                        <li class="item item_secure">安全等级：<i>低</i></li>
                        <li class="item item_prize"><i>邀请有礼</i></li>
                        <li class="item item_dollar">金币：<i>20</i><a href="##" class="btn btn_red">充值</a></li>
                    </ul>
                </div>
                <div class="mod_menu">
                    <ul class="menu_group">
                        <li><a href="##" class="menu_item">我的账户</a></li>
                        <li><a href="##" class="menu_item menu_item_cart">我的购物车 <span class="count">（<i>1</i>）</span></a></li>
                        <li><a href="##" class="menu_item">我的收藏 <span class="count">（<i>3</i>）</span></a></li>
                        <li><a href="##" class="menu_item">我投资的主题 <span class="count">（<i>4</i>）</span></a></li>
                        <li><a href="##" class="menu_item">创建或发布 <span class="count">（<i>1</i>）</span></a></li>
                    </ul>
                    <ul>
                        <li><a href="##" class="menu_item menu_item_selected">账户设置</a></li>
                        <li><a href="##" class="menu_item">我的消息</a></li>
                    </ul>
                </div>
            </div>
            <!-- 左边 end -->
            <!-- 右边 start -->
            <div class="main">
                <div class="mod_detail">
                    <div class="detail_set">
                        <div class="mod_title">
                            <h3>个人信息及账户安全</h3>
                        </div>
                        <table class="set_info">
                            <tr>
                                <th>用户名：</th>
                                <td>小米 <a href="##" class="link">修改</a></td>
                            </tr>
                            <tr>
                                <th>绑定手机：</th>
                                <td><strong>135*****853</strong> <a href="##" class="link">修改</a></td>
                            </tr>
                            <tr>
                                <th>登录密码：</th>
                                <td>
                                    <div class="secure_status secure_status_low">
                                        <span class="text">低</span>
                                        <span class="chart"><i></i></span>
                                    </div>
                                    <div class="secure_status secure_status_middle">
                                        <span class="text">中</span>
                                        <span class="chart"><i></i></span>
                                    </div>
                                    <div class="secure_status secure_status_high">
                                        <span class="text">高</span>
                                        <span class="chart"><i></i></span>
                                    </div>
                                    <a href="##" class="link">修改</a>
                                </td>
                            </tr>
                            <tr>
                                <th>绑定邮箱：</th>
                                <td>建议您绑定邮箱以方便找回密码 <a href="##" class="link">绑定</a></td>
                            </tr>
                            <tr>
                                <th>投资设置：</th>
                                <td>进行投资需要提升您的账户的安全等级，请您设置支付密码及安全问题，并进行实名认证 <a href="##" class="link">设置</a></td>
                            </tr>
                        </table>
                        <div class="set_photo">
                            <img src="image/photo_default.png"/>
                            <a class="link" href="##">更改头像</a>
                        </div>
                    </div>
                    <div class="detail_set detail_set_last">
                        <div class="mod_title">
                            <h3>个人信息及账户安全</h3>
                        </div>
                        <table class="set_info">
                            <tr>
                                <th>我的银行卡：</th>
                                <td>绑定银行卡开启轻松炼金生活 <a href="##" class="link">绑定</a></td>
                            </tr>
                            <tr>
                                <th><span class="ico_dollar">我的金币：</span></th>
                                <td><strong>20</strong></td>
                            </tr>
                            <tr>
                                <th>充值数量：</th>
                                <td>
                                    <input type="text" placeholder="1金币＝1元"/>
                                    <span class="amount">应付金额：0</span>
                                </td>
                            </tr>
                        </table>
                        <div class="op_area">
                            <a class="btn btn_red" href="##">充值</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 右边 end -->
        </div>
    </div>
    <!-- 内容 end -->
	<!-- footer start -->
	<div class="mod_footer_1">
		<div class="wrap">
			<div class="ft">
				<div class="ico ico_safe"></div>
				<div class="ft_info">
					<p class="title">安全放心</p>
					<p class="text">资金运作监管机构全程监督，财产有效保障</p>
				</div>
			</div>
			<div class="ft">
				<div class="ico ico_time"></div>
				<div class="ft_info">
					<p class="title">节省时间</p>
					<p class="text">精心设计主题结合，无需奔波挑选</p>
				</div>
			</div>
		</div>
	</div>
	<div class="mod_footer_2">
		<div class="wrap">
			<p class="text_1">准备开始高收益理财人生了么？</p>
			<p class="text_2">各路赢家带你投资，轻松跑赢理财！</p>
			<div class="op_btns">
				<a href="##" class="btn btn_gray">我要注册</a>
				<a href="##" class="btn btn_red">我要开户</a>
			</div>
			<div class="logo">
				<span class="hidden">金融炼金术</span>
			</div>
			<a href="##" class="btn btn_follow"><i>+</i>关注</a>
			<div class="links">
				<a href="##" class="link">关于跑赢家</a>
				<a href="##" class="link">联系我们</a>
				<a href="##" class="link link_last">市场有风险，投资需谨慎</a>
			</div>
		</div>
	</div>
	<div class="copyright">
				Copyright©2014 Soufun Holdings Limited. All Rights Reserved
	</div>
	<!-- footer end -->
	<!-- dialog start -->
	<div class="dialog_layer" style="width:440px;position:relative;float:left;left:0;top:0;clear:both">
	    <div class="dialog_layer_main">
	        <div class="dialog_layer_title dialog_layer_title_normal"><h3>修改昵称<a href="##" class="close"></a></h3></div>
	        <div class="dialog_layer_cont">
	            <table class="dialog_layer_form">
	                <tr>
	                    <th>当前昵称：</th>
	                    <td><input type="text" class="txt" placeholder="请输入您的昵称"></td>
	                </tr>
	                <tr>
	                    <th>新昵称：</th>
	                    <td><input type="text" class="txt" placeholder="请输入新昵称"></td>
	                </tr>
                    <tr>
                        <th>确认新昵称：</th>
                        <td><input type="text" class="txt" placeholder="请再次输入新昵称"></td>
                    </tr>
	            </table>
	        </div>
            <div class="dialog_layer_ft">
                <a class="btn btn_red" title="确定" href="##">确定</a><a class="btn btn_gray_2" title="取消" href="##">取消</a>
            </div>
	    </div>
	</div>
	<!-- dialog end -->
	<!-- dialog start -->
    <div class="dialog_layer email_layer" style="width:440px;position:relative;float:left;left:0;top:0;clear:both">
        <div class="dialog_layer_main">
            <div class="dialog_layer_title dialog_layer_title_normal"><h3>修改手机号<a href="##" class="close"></a></h3></div>
            <div class="dialog_layer_cont">
                <div class="ico_warn"></div>
                <div class="tip_cnt">
                    <p>您尚未验证邮箱，不能完成手机号修改，请先验证您的邮箱！</p>
                    <p>点击“确认”按钮，系统将给您发出一封邮件，请点击邮件内的链接进行修改操作</p>
                </div>
            </div>
            <div class="dialog_layer_ft">
                <a class="btn btn_red" title="验证邮箱" href="##">验证邮箱</a><a class="btn btn_gray_2" title="取消" href="##">取消</a>
            </div>
        </div>
    </div>
	<!-- dialog end -->
	<!-- dialog start -->
    <div class="dialog_layer" style="width:440px;position:relative;float:left;left:0;top:0;clear:both">
        <div class="dialog_layer_main">
            <div class="dialog_layer_title dialog_layer_title_normal"><h3>修改登录密码<a href="##" class="close"></a></h3></div>
            <div class="dialog_layer_cont">
                <table class="dialog_layer_form">
                    <tr>
                        <th>当前登录密码：</th>
                        <td><input type="text" class="txt" placeholder="请输入登录密码"></td>
                    </tr>
                    <tr>
                        <th>新登录密码：</th>
                        <td><input type="text" class="txt" placeholder="请输入新登录密码"></td>
                    </tr>
                    <tr>
                        <th>确认新登录密码：</th>
                        <td><input type="text" class="txt" placeholder="请再次输入新登录密码"></td>
                    </tr>
                </table>
            </div>
            <div class="dialog_layer_ft">
                <a class="btn btn_red" title="确定" href="##">确定</a><a class="btn btn_gray_2" title="取消" href="##">取消</a>
            </div>
        </div>
    </div>
	<!-- dialog end -->
    <!-- dialog start -->
    <div class="dialog_layer" style="width:440px;position:relative;float:left;left:0;top:0;clear:both">
        <div class="dialog_layer_main">
            <div class="dialog_layer_title dialog_layer_title_normal"><h3>绑定邮箱<a href="##" class="close"></a></h3></div>
            <div class="dialog_layer_cont">
                <table class="dialog_layer_form">
                    <tr>
                        <th>手机号：</th>
                        <td>136******9809</td>
                    </tr>
                    <tr>
                        <th>邮箱：</th>
                        <td><input type="text" class="txt" placeholder="请输入邮箱"></td>
                    </tr>
                </table>
            </div>
            <div class="dialog_layer_ft">
                <a class="btn btn_red" title="确定" href="##">确定</a><a class="btn btn_gray_2" title="取消" href="##">取消</a>
            </div>
        </div>
    </div>
    <!-- dialog end -->
    <!-- dialog start -->
    <div class="dialog_layer" style="width:500px;position:relative;float:left;left:0;top:0;clear:both">
        <div class="dialog_layer_main">
            <div class="dialog_layer_title dialog_layer_title_normal"><h3>投资设置<a href="##" class="close"></a></h3></div>
            <div class="dialog_layer_cont">
                <div class="dialog_layer_tip">
                    <p>为了您的资金安全，请先录入您的身份信息。身份信息录入后将不能被修改，提款将只能打入与身份信息相符的银行帐号。</p>
                </div>
                <table class="dialog_layer_form">
                    <tr>
                        <th>真实姓名：</th>
                        <td><input type="text" class="txt" placeholder="请输入真实姓名"></td>
                    </tr>
                    <tr>
                        <th>身份证：</th>
                        <td><input type="text" class="txt" placeholder="请输入身份证信息"></td>
                    </tr>
                    <tr>
                        <td colspan="2" class="separate"></td>
                    </tr>
                    <tr>
                        <th>设置支付密码：</th>
                        <td><input type="password" class="txt" placeholder="由6-20个英文字母、数字或符号组成"></td>
                    </tr>
                    <tr>
                        <th>确认支付密码：</th>
                        <td><input type="password" class="txt" placeholder="由6-20个英文字母、数字或符号组成"></td>
                    </tr>
                    <tr>
                        <th>设置安全问题：</th>
                        <td>
                            <select>
                                <option>爸爸</option>
                            </select>
                            <span class="word">的</span>
                            <select>
                                <option>姓名</option>
                            </select>
                            <input type="text" class="" placeholder="">
                        </td>
                    </tr>
                </table>
            </div>
            <div class="dialog_layer_ft">
                <a class="btn btn_red" title="确定" href="##">确定</a><a class="btn btn_gray_2" title="取消" href="##">取消</a>
            </div>
        </div>
    </div>
    <!-- dialog end -->
    <!-- dialog start -->
    <div class="dialog_layer" style="width:460px;position:relative;float:left;left:0;top:0;clear:both">
        <div class="dialog_layer_main">
            <div class="dialog_layer_title dialog_layer_title_normal"><h3>投资设置<a href="##" class="close"></a></h3></div>
            <div class="dialog_layer_cont">
                <div class="dialog_layer_tip">
                    <p>提示：请正确您名下的银行卡和在改行预留的手机号，如未正确填写，体现操作将无法正常完成。</p>
                </div>
                <table class="dialog_layer_form">
                    <tr>
                        <th>银行卡卡号：</th>
                        <td><input type="text" class="txt" placeholder="请输入银行卡卡号"></td>
                    </tr>
                    <tr>
                        <th>银行预留手机号：</th>
                        <td><input type="text" class="txt" placeholder="136*****9087"></td>
                    </tr>
                    <tr>
                        <th>真实姓名：</th>
                        <td><input type="text" class="txt" placeholder="请输入真实姓名"></td>
                    </tr>
                    <tr>
                        <th>身份证：</th>
                        <td><input type="text" class="txt" placeholder="请输入身份证信息"></td>
                    </tr>
                </table>
            </div>
            <div class="dialog_layer_ft">
                <a class="btn btn_red" title="确定" href="##">确定</a><a class="btn btn_gray_2" title="取消" href="##">取消</a>
            </div>
        </div>
    </div>
    <!-- dialog end -->
</body>
</html>